                                                  /* 头部 */

.header{
    position: fixed;
    top: 0;left: 0;
    /* 固定的盒子应该有宽度 */
    
    width: 100%;
    min-width: 3.2rem;
    max-width: 7.5rem;
    height: .98rem;
    /* 居中 */
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
    z-index: 1;
    text-align: center;
    
    
    }
    .header .search{
    position: absolute;
    top: .28rem;
    left: .23rem;
    width: .44rem;
    height: .44rem;
    
    }
    .header h1{
       line-height:  .98rem;
        font-size: .38rem;

    font-weight: normal;
 
    }
    
    .header .action{
    position: absolute;
    top: .28rem;
    right: .23rem;
    height: .44rem;
    width: .44rem;
        
    }







  
                                                             /* 轮播图 */

.rotation{
width: 100%;
height: 3.47rem;

text-align: center;
padding-top: .98rem;
}
.rotation .ad{
    width: 7.01rem;
}


/* 导航栏 */
.nav{


 
    height: 1.98rem;
    display: flex;
    
}
.nav li{
flex: 1;

}

.nav li a{

    /* 设置完后，图标就对齐居中了 */
    display: flex;
    flex-direction: column;
    align-items: center;

}
.nav li img{

    width: 1.1rem;
    height: 1.25rem;
}
.nav li span{

    font-size: .24rem;
}








                                                                    /* 猜你喜欢 */

.nav_title{
   
    height:.83rem ;
  
    line-height: .83rem;
}
.nav_title span:nth-child(1){
    color: #333333;
font-size: .34rem;
float: left;
margin-left: .24rem;
}
.nav_title span:nth-child(2){
    color: #999999;
    font-size: .24rem;
    float: right;
   margin-right: .24rem;
}
.like .like_list{

height:3.09rem;

}
.like .like_list{
display: flex;

}
.like .like_list li{
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
}
.like .like_list li img{
width: 2rem;
height: 2.02rem;

}
.like .like_list li span{
    margin-top: .19rem;
font-size: .28rem;
color: #333333;;
}
.like .like_list li span p:nth-child(2){

    color: #d90000;

}








                                                        /* 特价商品 */
.sales{
    width: 100%;
}
.sales_list li{
width: 6.73rem;
height: 2.05rem;
margin: 0.5rem auto;
background-color: #fff;
position: relative;
border-radius: .14rem;
-moz-box-shadow:0px 0px 11px #BDBDBD; -webkit-box-shadow:0px 0px 11px #BDBDBD; box-shadow:0px 0px 11px #BDBDBD;
}
.sales_list li img:nth-child(1){

    position: absolute;
    width: 2.04rem;
    height: 2rem;
    left: 0;
    top: -.32rem;
}
.sales_list li p{
margin-left:2.24rem ;
font-size: .24rem;
padding-top: .29rem;
}
.sales_list li p:nth-child(3){
font-size: .36rem;
color:#d90000 ;

}
.sales_list li .arrow{
    position: absolute;
    width: .60rem;
    height: .60rem;
    right: -.31rem;
    top:.8rem
}





                                                            /* 脚部导航 */
.footer-nav{
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    /* 固定的盒子应该有宽度 */
    width: 100%;
    min-width: 3.2rem;
    max-width: 7.5rem;
    height: .98rem;
    /* 居中 */
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
    z-index: 1;

}
.footer-nav li {

    flex: 1;
    padding-top: .13rem;
    padding-bottom: .13rem;
}
.footer-nav li a{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-nav li img{

    width: .39rem;
    height: .39rem;
}
.footer-nav li span{
font-size: .2rem;
color: #9b9b9b;

}
.footer-nav li:nth-child(1) a span{

    color: #0a44ff;   
}









